<template>
  <div>
    <h1>父组件的username:{{ username }},count:{{ count }}</h1>
    <hr />
    <!-- <Count :username="username" @update:username="username = $event" /> -->
    <Count v-model:username="username" v-model:count="count" />
    <hr />
    <Movie />
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'App',
});
</script>

<script setup lang="ts">
import { ref } from 'vue';
import Count from '@/components/Count/index.vue';
import Movie from '@/components/Movie/index.vue';
const username = ref('张三');
const count = ref(0);
</script>

<style lang="scss"></style>
